
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">

	<head>

		<title>maybanhnag.net</title>

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="title" content="" />
		<meta name="author" content="" />
		<meta name="subject" content="" />
		<meta name="language" content="en" />
		<meta name="keywords" content="" />
		
		<script type="text/javascript" src="jquery.min.js"></script>
		 <script type="text/javascript" src="scroll.jquery.js"></script> 
		

		<script type="text/javascript">
		$(document).ready(function(){

			$( '#infinite_scroll' ).scrollLoad({

				url : 'http://192.168.1.38:12345/index/sroll-2/my_scroll_ajax_file.php',

				getData : function() {
					//you can post some data along with ajax request
					
				},

				start : function() {
					$('<div class="loading"><img src="img/ajax-loader.gif"/></div>').appendTo(this);
				},

				ScrollAfterHeight : 95,			//this is the height in percentage

				onload : function( data ) {
					$(this).append( data );
					$('.loading').remove();
				},

				continueWhile : function( resp ) {
					// 2: chay 2 lan 
					if( $(this).children('li').length >=2) 
					{
						return false;
					}
					return true;
				}
			});

		});

		</script>

	<style type="text/css">
		*{padding:0;margin:0}
		html{text-align:center;}
		#wapper{width:100%;/* margin:0 auto; */font-family:trebuchet ms;text-align:left;margin-top:10px;}
		li{list-style:none;}
		#infinite_scroll{height: 545px;overflow-y: scroll;padding: 10px;}
		#infinite_scroll a{font-weight:bold;}
		#infinite_scroll p{margin-bottom:20px;width:90%}
		.loading{text-align:center;margin-top:-100px;}
	</style>

	</head>
	
	<body>

 <div id='wapper'>
 	<ul id="infinite_scroll">
								<li>
								<a href="">This is my some title and is at number 0</a>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
								</p>
								</li>
									<li><a href="">This is my some title and is at number 1</a><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p></li>
									<li><a href="">This is my some title and is at number 2</a><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p></li>
									<li><a href="">This is my some title and is at number 3</a><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p></li>
									<li><a href="">This is my some title and is at number 4</a><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p></li>
									<li><a href="">This is my some title and is at number 5</a><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p></li>
									<li><a href="">This is my some title and is at number 6</a><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p></li>
									<li><a href="">This is my some title and is at number 7</a><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p></li>
									<li><a href="">This is my some title and is at number 8</a><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p></li>
									<li><a href="">This is my some title and is at number 9</a><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p></li>
							</ul>
 </div><!-- id='wapper' -->
			
 

</body>
	
	</html>